@import "../../global";

.image-details {
  #page-base-style();
  overflow: auto;
  .c-title {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: @page-padding;
    .line {
      display: inline-block;
      width: 4px;
      height: 14px;
      margin-right: 10px;
      background: #01a2ea;
    }
  }

  .edit-input {
    width: 50%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 10px;

    .label {
      margin-right: 20px;
      width: 80px;
      height: 32px;
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
    }

    .input {
      width: 60%;
    }
    span {
      padding-left: 12px;
    }
  }

  .image-content {
    width: 100%;
    box-sizing: border-box;
    .content-input{
      margin-bottom:15px ;
    }
    .top {
      width: 100%;
      box-sizing: border-box;
      position: relative;
      margin-bottom: 20px;

      .edit-btn {
        position: absolute;
        bottom: 0px;
        right: 0px;
        
      }
      .row {
        width: 100%;

        .col {
          display: flex;
          align-items:center ;
          justify-content: space-between;
          font-size: 14px;
          margin-bottom:-10px ;
          margin-right: 350px;
          
        }
      }
    }
  }
  
}
